<template>
  <yd-layout>
    <v-header slot="navbar" title = "提交试用报告">
      <div slot="left" @click = "back">
        <yd-navbar-back-icon></yd-navbar-back-icon>
      </div>
    </v-header>
    <yd-cell-group>
      <yd-cell-item>
        <span slot="left" class = "label">试用报告标题</span>
        <yd-input slot="right" required v-model="title" max="20" placeholder="请输入试用报告标题"></yd-input>
      </yd-cell-item>
      <yd-cell-item class = "flex top">
        <span slot="left" class = "label">商品亮点及建议</span>
        <yd-textarea slot="right" v-model = 'proposal' placeholder="请输入商品亮点及建议" maxlength="100"></yd-textarea>
      </yd-cell-item>
      <yd-cell-item class = "flex top">
        <span slot="left" class = "label">试用过程及感受</span>
        <yd-textarea slot="right" v-model = "feel" placeholder="请输入商品亮点及建议" maxlength="100"></yd-textarea>
      </yd-cell-item>
    </yd-cell-group>
    <div slot="tabbar" class = 'bottom'>
      <yd-button size="large">确认提交</yd-button>
    </div>
  </yd-layout>
</template>
<script>
export default {
  name: 'trial-report',
  data () {
    return {
      title: '',
      proposal: '',
      feel: ''
    }
  }
}
</script>
<style lang="scss" scoped>
  .label{
    width: 7em;
    display: block;
    margin-right: .4rem;
  }
  .bottom{
    box-sizing: border-box;
    padding: $padding;
  }
</style>
